<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* css的注释 */
    </style>
</head>
<body>
    <input type="button" value="点我一下嘛" onclick="f1()">
    <!-- html注释 -->
    <script>
        //JS的单行注释
        /* JS的多行注释 */
        //1.无参无返回值
        function f1() {
            console.log("f1");
        }
        //调用
        f1();

        //2.有参无返回值
        function f2(name,age) {
            console.log(name+":"+age);
        }
        f2("小刘",28);

        //3.无参有返回值
        function f3() {
            return "我是一个返回值";
        }
        let i = f3();
        console.log(i);

        //4.有参有返回值
        function f4(x,y) {
            return x * y;
        }
        let result = f4(4,5);
        console.log(result);

        //第二种方法的声明方式
        let f5 = function (name,age) {
            console.log(name+":"+age);
        }
        f5("小张",25);

        //第三种方法的声明方式
        let f6 = new Function("name","age","console.log(name+':'+age);");
        f6("小吕",27);
    </script>
</body>
</html>